// cover some element-ui styles
$fontColor:#36c265;
$bgColor: rgba(40,174,90,0.15);
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}


// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

body>.el-dialog__wrapper>.el-dialog{
  border-radius: 10px;
}

.remark_textarea .el-input__count{
  line-height: normal;
}

.upload-hide{
  .el-upload--picture-card{
    display: none;
  }
}

.smallAuto{
  .el-upload--picture-card{
    width: 90px;
    height: 90px;
    position: relative;
    .el-icon-plus{
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
  }
  .el-upload-list__item{
    width: 90px;
    height: 90px;
  }
}

.upload-limit-text{
  font-size: 12px;
  color: #B7B7B7;
  line-height: normal;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

.no-margin .el-radio.is-bordered{
  margin-left: 0 !important;
  margin-bottom: 5px !important;
}
.uploadHide .el-upload--picture-card {
  display: none;
}
.el-form-item__label,.el-form-item__content,.el-cascader{
  line-height: 34px;
}
.el-input__inner{
  height: 34px;
  line-height: 34px;
}
.el-button:not(.el-button--text){
  border-radius: 2px;
  padding: 8px 26px;
}
.el-button--text{
  color: #3F5A8F;
}
.el-button.el-button--default:focus{
  background-color: rgba(40,174,90,0.15);
  border-color:  rgba(40,174,90,0.15);
  color: $fontColor;
}

.el-button--default{
  &:hover{
    background-color: rgba(40,174,90,0.15);
    border-color:  rgba(40,174,90,0.15);
    color: $fontColor;
  }
}
.el-button--primary{
  background-color: $fontColor;
  border-width: 0;;
  &:hover,&:focus{
    background-color: #30ae5a;
  }
}
.el-date-editor .el-range-separator{
  line-height: 26px;
}
.el-input__icon{
  line-height: 34px;
}
.el-select-dropdown__item.selected{
  color: $fontColor;
}
.el-select .el-input__inner:focus,.el-select .el-input.is-focus .el-input__inner,.el-pagination__sizes .el-input .el-input__inner:hover{
  border-color: $fontColor;
}
.el-input.is-active .el-input__inner, .el-input__inner:focus,.el-range-editor.is-active, .el-range-editor.is-active:hover{
  border-color: $fontColor;
}
.el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner{
  border-color: $fontColor;
}
.el-date-table td.today span,.el-date-table td.available:hover,.el-picker-panel__icon-btn:hover{
  color:$fontColor ;
}
.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path{
  color: $fontColor;
}
.el-date-editor .el-range__icon{
line-height: 26px;
}
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{
  &:hover{
    background-color: $bgColor;
    border-color:  $bgColor;
    color: $fontColor;
  }
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
  background-color: $bgColor
}
.el-switch.is-checked .el-switch__core{
  background-color: $fontColor;
  border-color: $fontColor;
}
.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div{
  background-color:$bgColor
}
.el-date-table td.end-date span, .el-date-table td.start-date span{
  background-color: $fontColor;
}
.el-checkbox__input.is-checked+.el-checkbox__label,.el-radio__input.is-checked+.el-radio__label{
  color: $fontColor;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: $fontColor;
  border-color: $fontColor;
}
.el-radio__input.is-checked .el-radio__inner{
  background-color: $fontColor;
  border-color: $fontColor;
}
.el-upload--picture-card:hover, .el-upload:focus{
  border-color: $fontColor;
}
.el-tabs__item.is-active{
  color: $fontColor;
}
.el-radio__inner:hover,.el-checkbox__inner:hover,.el-textarea__inner:focus{
  border-color: $fontColor;
}
.el-button.is-plain:focus, .el-button.is-plain:hover{
  border-color: $fontColor;
  color: $fontColor;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
  color: $fontColor;
}
.el-tabs__active-bar{
  background-color: $fontColor;
}
.el-tabs__item:hover{
color: $fontColor;
}
.el-table {
  border-radius: 8px;
}